
.login-container {
	width: 100%;
	height: 100%;
	background-size: cover;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	background: url('../../assets/images/login/bg.png') no-repeat center;
	background-size: cover;
	.login-title {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		font-size: 26px;
		font-weight: 500;
		margin: 0 0 18px 0;
		color: #033591;
		.login-logo {
			width: 94.5px;
			height: 59px;
			margin-bottom: 14px;
			background: url('../../assets/logo/menu-logo.png') no-repeat center;
			background-size: cover;
		}
	}
	.left-logo {
		width: 80px;
		height: 48px;
		background: url('../../assets/logo/logo-white.png') no-repeat center;
		background-size: 100% 100%;
		position: absolute;
		top: 30px;
		left: 30px;
	}
	.login-form-box {
		width: 400px;
		height: 400px;
		box-sizing: border-box;
		background: hsla(0,0%,100%,.9);
		padding: 32px;
		border-radius: 18px;
		position: absolute;
		top: 50%;
		right: 40px;
		margin-top: -200px;
		.login-form ::v-deep .el-input--prefix .el-input__inner {
			padding-left: 38px;
		}
		.input-icon {
			width: 30px;
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			box-sizing: border-box;
			font-size: 18px;
		}
	}
	.footer {
	    height: 16px;
	    line-height: 16px;
	    font-size: 12px;
	    color: #fff;
	    position: absolute;
	    bottom: 30px;
	    a,
	    a:hover,
	    a:active {
	      color: inherit;
	      text-decoration: none;
	    }
	}
}

